<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=600, user-scalable=yes"> <!-- So that mobile will display zoomed in -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- enable media queries for windows phone 8 -->
  <meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS -->
  <title>捕捉精彩瞬间，分享动人时刻！</title>

  <style type="text/css">
		body {
		  margin: 0;
		  padding: 0;
		  -ms-text-size-adjust: 100%;
		  -webkit-text-size-adjust: 100%;
			font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
		}

		table {
		  border-spacing: 0;
		}

		table td {
		  border-collapse: collapse;
		}

		.ExternalClass {
		  width: 100%;
		}

		.ExternalClass,
		.ExternalClass p,
		.ExternalClass span,
		.ExternalClass font,
		.ExternalClass td,
		.ExternalClass div {
		  line-height: 100%;
		}

		.ReadMsgBody {
		  width: 100%;
		  background-color: #ebebeb;
		}

		table {
		  mso-table-lspace: 0pt;
		  mso-table-rspace: 0pt;
		}

		img {
		  -ms-interpolation-mode: bicubic;
		}

		.yshortcuts a {
		  border-bottom: none !important;
		}

		@media screen and (max-width: 599px) {
		  table[class="force-row"],
		  table[class="container"] {
		    width: 100% !important;
		    max-width: 100% !important;
		  }
		}
		@media screen and (max-width: 400px) {
		  td[class*="container-padding"] {
		    padding-left: 12px !important;
		    padding-right: 12px !important;
		  }
		}
		.ios-footer a {
		  color: #aaaaaa !important;
		  text-decoration: underline;
		}
	</style>

</head>
<body style="margin:0; padding:0;" bgcolor="#281744" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- 100% background wrapper (grey background) -->
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#281744">
  <tr>
    <td align="center" valign="top" bgcolor="#281744" style="background-color: #281744;">
      <!-- 600px container (white background) -->
      <table border="0" width="600" cellpadding="0" cellspacing="0" class="container" style="width:600px;max-width:600px;background-image:url(/images/email/2015066/bg.jpg),url(/images/email/2015066/emailbg.jpg);background-position: left top; background-repeat: no-repeat, repeat-y;">
      	<tr>
      		<td style="font-size: 22px; letter-spacing: 2px;line-height:1.6;">
						<!-- <img src="/images/email/2015066/text4.jpg" width="600" style="vertical-align:top;"> -->
						<div style="color:#ffffff;text-align:center;font-size: 40px;line-height: 1.2;letter-spacing: normal;margin-top: 30px;margin-bottom: 25px;">
							C-star<br/>
							YOU ARE SUPERSTAR
						 </div>
						<div style="border-bottom: 2px solid #ffffff;width:460px;margin:0 auto;margin-bottom: 25px;"></div>
						<div style="color:#ffffff;text-align:center">C-star 2018上海国际零售展</div>
						<div style="color:#ffffff;text-align:center">海内外零售圏的大聚会</div>
						<div style="color:#ffffff;text-align:center">塑造零售未来</div>
						<div style="color:#ff0000;text-align:center;font-size: 30px;margin-top:20px;">4月26至28日</div>
						<div style="color:#ff0000;text-align:center;font-size: 18px;">上海新国际博览中心N5号馆</div>
						<div style="color:#ffffff;text-align:center;font-size: 18px;">我们与你共同见证</div>
						<div style="color:#ffffff;text-align:center;font-size: 18px;margin-bottom:20px;">创新零售设计和黑科技的高端视觉盛宴</div>
      		</td>
      	</tr>
        <tr>
          <td class="container-padding footer-text" align="center" style="padding-bottom:70px;padding-top: 10px;">
		        <ul style="list-style:none;padding:0;margin:0;">
							<% data.forEach(function(d){ %>
								<li style="list-style:none;"><a href="<%= d.url.replace(/(\.jpe?g)$/, "_c$1") %>" style="text-decoration:none;color:#000000;"><img src="<%= d.url.replace(/(\.jpe?g)$/, "_c$1") %>" width="500" style="padding-bottom:1px;"></a></li>
							<% }); %>
						</ul>  

          </td>
        </tr>
        <tr>
        	<td align="center">
				<img src="/images/email/2015066/qrcode.png" width="182">
        	</td>
        </tr>
        <tr>
        	<td align="center" style="padding-top:20px;padding-bottom: 60px;">
        	<!--
				<a href="http://service.weibo.com/share/share.php?url=<%= data.uri %>&pic=<%= data[0].url %>&title=%23BershkaMadeForMusic%23%20%40Bershka" style="">
       				<img src="/images/email/2015062/weibo.png" width="182" />
       			</a>
       		-->
        	</td>
        </tr>
        
      </table>
<!--/600px container -->


    </td>
  </tr>
</table>
<!--/100% background wrapper-->

</body>
</html>